.task .task_top{
    display: flex;
}
.task .task_top .item{
    position: relative;
    width: 380px;
    height: 150px;
    font-size: 16px;
    font-weight: 400;
    color: #a6a6a6;
    background: #ffffff;
    border-radius: 10px;
    box-shadow: 0px 0px 18px 0px rgba(50,67,108,0.12); 
}
.icon-kaoshifenxi_biaoqian{
    position: absolute;
    top: 33px;
    left: 30px;
    color: #F45C4B;
}
.item .txt{
    position: absolute;
    top: 33px;
    left: 54px;
    line-height: 20px;
    font-size: 20px;
    font-weight: 400;
    color: #394151;
}
.item .fenshu{
    position: absolute;
    top: 80px;
    left: 54px;
    height: 38px;
    line-height: 38px;
    font-size: 48px;
    font-weight: 400;
    text-align: left;
    color: #5fba4a;
}
.item .fenshu .fenshu_txt{
    font-size: 16px;
    font-weight: 400;
    color: #a6a6a6;
} 
.item .time{
    position: absolute;
    line-height: 16px;
    bottom: 33px;
    left: 238px;
}
.item .ranking{
    position: absolute;
    top: 80px;
    left: 54px;
    height: 38px;
    line-height: 38px;
    font-size: 16px;
    font-weight: 400;
    color: #a6a6a6;
}
.item .ranking .ranking_num{
    font-size: 48px;
    font-weight: 400;
    text-align: left;
    color: #f45c4b;
}
.item .exam_time{
    position: absolute;
    top: 80px;
    left: 54px;
    height: 38px;
    line-height: 38px;
    font-size: 48px;
    font-weight: 400;
    text-align: left;
    color: #ffa800;
}
.item .exam_time .exam_time_txt{
    font-size: 16px;
    font-weight: 400;
    color: #a6a6a6;
}
.item:nth-child(2){
    margin: 0 30px;
}
.task_chart{
    position: relative;
    background: #ffffff;
    border-radius: 10px;
    box-shadow: 0px 0px 18px 0px rgba(50,67,108,0.12); 
    margin-top: 30px;
}
.task_chart .title{
    position: absolute;
    top: 5px;
    left: 30px;
}
.tabs{
    margin-top: 40px;
}